<!DOCTYPE html>
<html style="height: 100%" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>安全质量量化考核系统</title>
    <!--<link rel="stylesheet" href="../static/css/reset.css" th:href="@{/css/reset.css}"/>-->
    <!--<link rel="stylesheet" href="../static/font-awesome/css/font-awesome.css"-->
    <!--th:href="@{/font-awesome/css/font-awesome.css}" type="text/css"/>-->
    <link rel="stylesheet" href="${ctx}/css/login.css" th:href="@{/css/login.css}"/>
    <script type="text/javascript" src="${ctx}/plugin/jquery/jquery-2.1.1.js"
            th:src="@{/plugin/jquery/jquery-2.1.1.js}"></script>

</head>
<body style="height: 100%;">
<!-- 头部 -->


<script type="text/JavaScript">
    if(self!=top){
        top.location.href="/login-page";
    }
</script>
<div class="content">
    <div class="content-title">
        <!--<img class="content-title-img" src="../static/images/login/top.png" alt=""-->
        <!--th:src="@{/images/login/top.png}">-->
        <h1 class="content-title-h1">安全质量量化考核系统</h1>
    </div>
    <div class="content-form">
        <div class="content-form-right">
            <!--<div class="content-form-left">-->
            <!--<img src="../static/images/login/318739.jpg" alt="" th:src="@{/images/login/318739.jpg}">-->
            <!--</div>-->
            <div class="form-content">
                <h3 class="form-title">用户登录
                </h3>
                <form id="loginForm" method="post" name="loginform" action="${ctx}/user-login">
                    <input value="${error}" type="hidden" id="error"/>
                    <div class="form-input">
                        <label for="userAccount">
                            <img src="${ctx}/images/login/login-user.png" alt=""
                                 th:src="@{/images/login/login-user.png}">
                        </label>
                        <input id="userAccount" name="username" type="text" placeholder="输入用户名">
                    </div>
                    <div class="form-input">
                        <label for="userPassword">
                            <img src="${ctx}/images/login/login-password.png" alt=""
                                >
                        </label>
                        <input id="userPassword" name="password" type="password" placeholder="输入密码">
                    </div>
                    <div class="form-input">
                        <label for="veryCode">
                            <img
                                 src="${ctx}/images/login/login-code.png"alt="">
                        </label>
                        <input class="ipt" id="veryCode" width="300px" type="text" name="veryCode" placeholder="输入验证码"/>
                        <img id="kaptchaImage" class="kaptchaImage" alt="" src="${ctx}/common/kaptcha" onclick="changeCode()" />
                    </div>
                    <div style="height: 50px; line-height: 50px; margin-top: 15px;position: relative">
                        <a type="button" class="forget" onclick="login()" >登&nbsp;录</a>
<a src="${ctx}/passwordReset" onclick="passwordReset()" href="#" id="passwordReset" style="position: absolute;line-height: 0px;top: 60px;right: 10px;color: #ffffff;">忘记密码？</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="content-footer">
    <span>杭州捷登科技有限公司&nbsp;&nbsp;地址：&nbsp;&nbsp;天目山路龙都大厦主楼301室&nbsp;&nbsp;电话：&nbsp;&nbsp;0571-666666</span><br/>
    <span>&copy;&nbsp;&nbsp;www.jiedeng.com&nbsp;&nbsp;</span>
</div>


<script type="text/javascript" src="${ctx}/js/login.js"></script>
</body>
</html>